<div class="modal-header">
	<h3 class="modal-title">RateKey</h3>
</div>
<div class="modal-body">
	<form class="form-horizontal" name="rateKeyForm">
		<div class="control-group">
			<label>wrapKeyId:</label>
			<p ng-show="action == 'update'">{{item.wrapKeyId}}</p>
			<input type="text" name="wrapKeyId" ng-model="item.wrapKeyId" 
				ng-show="action == 'insert'" class="form-control" required/>
			<div class="alert alert-danger" role="alert" ng-show="rateKeyForm.wrapKeyId.$error.required">
				<span>wrapKeyId is required.</span>
			</div>
		</div>
		<div class="control-group">
			<label>wrapInsLineCd:</label>
			<p ng-show="action == 'update'">{{item.wrapInsLineCd}}</p>
			<input type="text" name="wrapInsLineCd" ng-model="item.wrapInsLineCd" 
				ng-show="action == 'insert'" class="form-control" ng-maxlength=3 required/>
			<div class="alert alert-danger" role="alert" ng-show="rateKeyForm.wrapInsLineCd.$error.required">
				<span>wrapInsLineCd is required.</span>
			</div>
			<div class="alert alert-danger" role="alert" ng-show="rateKeyForm.wrapInsLineCd.$error.maxlength">
				<span>wrapInsLineCd has max length of 3 only</span>
			</div>
		</div>
		<div class="control-group">
			<label>wriKeyDes:</label>
			<input type="text" name="wriKeyDes" ng-model="item.wriKeyDes" 
				class="form-control" ng-maxlength=50 required/>
			<div class="alert alert-danger" role="alert" ng-show="rateKeyForm.wriKeyDes.$error.required">
				<span>wriKeyDes is required.</span>
			</div>
			<div class="alert alert-danger" role="alert" ng-show="rateKeyForm.wriKeyDes.$error.maxlength">
				<span>wriKeyDes has max length of 50 only</span>
			</div>
		</div>
		<div class="control-group">
			<label>wriFormLevelCd:</label>
			<input type="text" name="wriFormLevelCd" ng-model="item.wriFormLevelCd" class="form-control" ng-maxlength=1>
			<div class="alert alert-danger" role="alert" ng-show="rateKeyForm.wriFormLevelCd.$error.maxlength">
				<span>wriFormLevelCd is 1 character only</span>
			</div>
		</div>
	</form>
</div>
<div class="modal-footer">
	<md-button class="md-raised md-primary button-fix-width" ng-click="ok()"
	ng-disabled="rateKeyForm.wrapKeyId.$error.required || rateKeyForm.wrapInsLineCd.$error.required 
		|| rateKeyForm.wrapInsLineCd.$error.maxlength
		|| rateKeyForm.wriKeyDes.$error.maxlength || rateKeyForm.wriFormLevelCd.$error.maxlength">OK</md-button>
	<md-button class="md-raised md-warn button-fix-width" ng-click="del()" ng-show="action == 'update'">Delete</md-button>
	<md-button class="md-raised md-primary button-fix-width" ng-click="cancel()" md-theme="orange">Cancel</md-button>
</div>